<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>练习2</title>
    <style type="text/css">
      .btn-group button {
        background-color: #4caf50; /*绿色背景*/
        border: 20px solid green;
        color:white; /*white text*/
        padding: 100px 24px; 
        cursor: pointer;
        width: 50%;
        display: block;
      }
      .btn-group button:not(:last-child) {
        border-bottom: none;
      }
      .btn-group button:hover{
        background-color: #3e8e41;
      }
    </style>
  </head>

  <body>
    <h1>垂直按钮组</h1>

    <div class="btn-group">
      <button>Apple</button>
      <button>Samsung</button>
      <button>Sony</button>
    </div>
  </body>
</html>
